body {
 font-family:arial;
 font-size:80%;
}

button{
 float:left;
}

/************
 Header
************/

#div_header{
 border: 1px solid grey;
 border-width: 0px 0px 1px 0px;
 width:100%;
 position:fixed;
 top:1px;
 left:1px;
 padding: 4px;
 background-color:#FFFFFF; 
 z-index:100;
 height:23px;
 -moz-box-shadow:0px 5px 5px #888888;
 -webkit-box-shadow:px 5px 5px #888888;
 box-shadow:0px 5px 5px #888888;
}

#div_header_right{
 float:right;
 margin-right:10px;
 margin-top:5px;
}

#div_header h1{
 display:inline;
 font-size:100%;
}

#div_header input{
 width:400px;
 height:18px;
}

#div_header button{
 float:none;
}

.a_link{
  text-decoration:underline;
  color:blue;
  cursor:pointer;
}

/************
 HTML Line
************/

#div_html_line{
 display:block;
 width:100%;
 height:5px;
 overflow:hidden; 
 background-color:#CDEB8B; 
 margin-bottom:8px;
 margin-top:40px;
}

#div_html_line div{
 display:inline-block;
 padding:5px;
 clear: right;
 width:201px;
 height:5px;
}


/************
 Block Column
************/

#div_body{
 float:left;
 display:block;
}

/************
 Bit Column
************/

.div_col{
 display:block;
 padding:5px;
 float:left;
 clear: right;
 width:200px;
 border: 1px solid blue;
 border-width: 0px 0px 0px 1px;
}

.div_col:first-child{
 border: 1px solid red;
 border-width: 0px 0px 0px 1px;
 background-color:#C3D9FF;
}

/************
 Task
************/
.div_task {
 display:block;
 float:left;
 /*background-color:#EEEEEE;*/
 background-color:#E0EDFE;
 width:100%;
}

/*
DEPRECATED
.div_task_first{
 background-color: #E0E0E0;
}
*/

.div_task p{
 font-weight:bold;
}

.div_task button {
 visibility:hidden;
}

.div_task textarea {
 width:98%;
 font-size:90%;
 font-family:arial;
}

.div_task:hover button{
 visibility:visible;
}

.p_task_footer{
 font-size:80%;
 display:block;
 float:left;
 margin-bottom:0px;
}

.p_task_caption{
 display:block;
 width:100%;
 height:65px;
 overflow:hidden;
 border-margin:0px;
}



/************
 Bit Box
************/
.div_bit{
 display:block;
 width:194px;
 background-color: white;
 margin-bottom: 10px;
 float:left;
 padding:3px;
}

.div_bit_first{
 width:190px;
 background-color: #FFFFFF;
 border: 1px solid #E0EDFE;
 border-width: 0px 2px 2px 2px;
}

.div_bit button {
 visibility:hidden;
}

.div_bit:hover button{
 display:block;
 visibility:visible;
}

.div_bit span{
 display:block;
 max-width:50%;
 min-width:50%;
 font-size:80%;
 float:left;
}

.span_bit_creator{
 color: green;
}

.span_bit_date{
 color: grey;
}

.div_bit:hover cite{
 visibility:visible;
}

.cite_info{
 visibility:hidden;
 text-align: center;
 border: 1px solid #E0EDFE;
 font-style:normal;
 display:inline-block;
 float:left;
 width:11px;
 height:12px;
 margin-top:4px;
 background-color:white;
 font-weight:bold;
 font-size:80%;
}

.cite_info:hover{
 background-color:blue;
 color:white;
 cursor:default;
}

/* Manipulator for bits starting with -*/
.div_bit_bullet{
 height:40px;
 overflow:hidden;
 margin-bottom: 3px;
}

.btn_done_bullet{
 float:right;
}

/************
 Navbar for Spaces and Streams
************/

#navbar {
   display:inline-block;
   margin: 0;
   padding: 0;
}
#navbar li {
   display:inline-block;
   list-style: none;
}
#navbar li a {
   display: block;
   background-color: white;
   padding-bottom:7px;      
}
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   min-width:140px;
   border: 1px solid grey;
   border-width: 0px 1px 1px 1px;
   -moz-box-shadow:5px 5px 5px #888888;
   -webkit-box-shadow: 5px 5px 5px #888888;
   box-shadow:5px 5px 5px #888888;
   }
   
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; 
}

#navbar li ul a {
   text-decoration:none;
   padding:3px;}
#navbar li ul a:hover {
   background-color:#F0F0F0;}

/************
 Div Spaces
************/
#div_space_new{
width:100%;
}

#div_spaces{
  margin-bottom:6px;
}

.div_space_class{
  margin-bottom:6px;  
}

#form_space_new textarea {
 width:300px;
 height:50px;
 font-size:90%;
 font-family:arial;
}


/************
 Div for Loading Notification
************/
#loading
 {
   position:fixed; 
   _position:absolute;
   top: 0;
   left:47%; 
   padding:2px 5px;
   z-index: 5000;
   background-color:#CF4342;
   color:#fff;
 }